<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>font</title>
    <style>
        /*将div的宽度设置为481px*/
        
        div.view {
            /* width: 481px; */
            height: 500px;
            /* wide / high */
        }
        /*将正文文字变成加粗、20号、宋体*/
        
        p {
            /* font-style: normal; */
            /* font-weight: bold; */
            /* font-size: 24px; */
            /* 浏览器默认字体大小都是16px */
            /* font-size: 1.5em; */
            /* font-family: "SimHei"; */
            /* SimSun SimHei  Microsoft Yahei*/
            font: 20px "Microsoft Yahei";
        }
        /*将英文倾斜，变成绿色*/
        
        h1>span {
            font-style: italic;
            /* color: green; */
            /* color: #fff; */
            /* color: #0044ff; */
            color: rgb(222, 255, 244);
        }
        /*将标题居中*/
        
        div.view h1 {
            text-align: center;
        }
        /*首行缩进两个字符*/
        
        div p {
            text-indent: 2em;
        }
        /*将喀斯特加下划线*/
        
        span.ka {
            /* text-decoration: underline; */
            text-decoration: line-through;
        }
        /*将正文的行高调成30px*/
        
        p {
            /* line-height: 30px; */
            background-color: bisque;
            height: 56px;
            /* line-height: 56px; */
            font: normal 900 30px/56px "SimSun";
        }
    </style>

</head>

<body>
    <div class="view">
        <h1>九寨沟：<span>Croatia</span>十六湖</h1>
        <p>十六湖国家公园（Plitvice Lakes National Park），位于克罗地亚中部的<span class="ka">喀斯特</span>山区，创立</p>
        <img src="02 line height.png" alt="park">
    </div>
</body>

</html>